<template>
  <div class="xtx-home-page">
    <div class="container">
      <HomeCategory />
      <HomeBanner></HomeBanner>
      <HomeNew></HomeNew>
      <HomeHot></HomeHot>
      <HomeProduct></HomeProduct>
    </div>
  </div>
</template>

<script>
import HomeCategory from './components/home-category'
import HomeBanner from './components/home-banner'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProduct from './components/home-product.vue'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeProduct
  }
}
</script>

<style scoped lang='less'>
// @import "~@/styles/variable.less";
.xtx-home-page {
  color: @xtxColor;
}
</style>
